<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/home.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper-3.3.1.min.css"/>
		<script type="text/javascript" src="../js/jquery-2.0.3.js"></script>
		<script type="text/javascript" src="../js/reset.js"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$("#status").fadeOut();
				$("#preloader").delay(350).fadeOut("slow");
				$('#box').delay(350).fadeIn()
			})
		</script>
	</head>
	<body>
		<!--页面加载 开始-->
		  <div id="preloader">
		    <div id="status">
		      <p class="center-text"><span>拼命加载中···</span></p>
		    </div>
		  </div>
		  <!--页面加载 结束--> 
		<div id="box">
			<!--头部-->
			<header class="head-top">
				<i class="iconfont my-user">&#xe605;</i>
				<img src="../img/images/title_03.png"/>
				<i class="iconfont more-game">&#xe61b;</i>
			</header>
			<!--内容区-->
			<section class="cont" id="wrapper">
				<div>
					<div class="cont-top">
						<div class="cont-top-head">
							<div></div>
						    <h2>每日推荐</h2>
						    <div></div>
						</div>
						<ul>
							<li class="cont-top-content">
								<img src="../img/timg.jpg"/>
								<p>VP战队重回世界之巅全程回顾</p>
								<p>by Dotaer | DOTA2 /03'39"</p>
							</li>
							<li class="cont-top-content">
								<img src="../img/timg.jpg"/>
								<p>VP战队重回世界之巅全程回顾</p>
								<p>by Dotaer | DOTA2 /03'39"</p>
							</li>
							<li class="cont-top-content">
								<img src="../img/timg.jpg"/>
								<p>VP战队重回世界之巅全程回顾</p>
								<p>by Dotaer | DOTA2 /03'39"</p>
							</li>
						</ul>
						<div class="cont-top-more  check-all">
							<p>查看全部今日推荐</p>
							<i class="iconfont xiangyou">&#xe692;</i>
						</div>
				   </div>
				   
				   <div class="cont-content">
				   	    <div class="cont-top-head">
							<div></div>
						    <h2>精彩屏道</h2>
						    <div></div>
						</div>
						<ul>
							<li class="common-bg">
								<div class="cont-content-head">
									<div class="cont-content-backg"></div>
									<div class="cont-douyu">
										<div class="cont-douyu-tv">
											<p>斗鱼TV</p>
								           <i class="iconfont xiangyou">&#xe692;</i>
										</div>
										<p class="total-people">全民直播平台</p>
									</div>
									<div class="cont-content-foot">已关注</div>
								</div>
								<div class="common-bg-style">
									<img src="../img/lol.jpg"/>
									<p>VP战队重回世界之巅全程回顾</p>
									<p>by Dotaer | DOTA2 /03'39"</p>
								</div>
							</li>
							<li class="common-bg">
								<div class="cont-content-head">
									<div class="cont-content-backg"></div>
									<div class="cont-douyu">
										<div class="cont-douyu-tv">
											<p>斗鱼TV</p>
								           <i class="iconfont xiangyou">&#xe692;</i>
										</div>
										<p class="total-people">全民直播平台</p>
									</div>
									<div class="cont-content-foot">已关注</div>
								</div>
								<div class="common-bg-style">
									<img src="../img/lol.jpg"/>
									<p>VP战队重回世界之巅全程回顾</p>
									<p>by Dotaer | DOTA2 /03'39"</p>
								</div>
							</li>
						</ul>
				   </div>
				   <div class="choose">
				   	    <h2>选荐</h2>
				   	    <p>根据您的喜好推荐的视频</p>
				   	   <div class="swiper-container">
				        <div class="swiper-wrapper">
				            <div class="swiper-slide"><img src="../img/cfbg.jpg"/></div>
				            <div class="swiper-slide"><img src="../img/cfbg.jpg"/></div>
				            <div class="swiper-slide"><img src="../img/cfbg.jpg"/></div>
				            <div class="swiper-slide"><img src="../img/cfbg.jpg"/></div>
				        </div>
				      </div>
				      <p>CS:GO史时大片已登上银频</p>
				      <p>打CS的猫 | CS:GO /03'09"</p>
				    </div>
				   <div class="cont-foot">
				   	    <div class="cont-top-head">
							<div></div>
						    <h2>游戏分类</h2>
						    <div></div>
					    </div>
					    <ul>
					    	<li>
					    		<div class="common-style-pic">
									<img src="../img/logo.jpg"/>
									<p>CSGO</p>
								</div>
					    	</li>
					    	<li>
					    		<div class="common-style-pic">
									<img src="../img/logo.jpg"/>
									<p>CSGO</p>
								</div>
					    	</li>
					    	<li>
					    		<div class="common-style-pic">
								<img src="../img/logo.jpg"/>
								<p>CSGO</p>
							</div>
					    	</li>
					    </ul>
						<div class="cont-foot-more">
							<p>COMING SOON</p>
							<p>更多游戏敬请期待</p>
						</div>
				   </div>
			    </div>
				
			</section>
		</div>
	</body>
	
	<script type="text/javascript" src="../js/iscroll.js"></script>
	<script type="text/javascript" src="../js/swiper-3.3.1.jquery.min.js"></script>
	<script type="text/javascript">
		/*var myScroll = new IScroll('#wrapper', {
			    startY:0
			});
			
			myScroll.on("scrollEnd",function(){
					
					if(this.directionY==-1){
						
					}
				})*/
				
			$('.check-all').on('click',function(){
			window.location.href="today.html"
		})
		$('.my-user').on('click',function(){
			window.location.href="total.html"
		})
	   $('.more-game').on('click',function(){
			window.location.href="moregame.html"
		})
	   
	    var mySwiper = new Swiper ('.swiper-container', {
		    loop: true,
		    autoplay:1000,
		    observer:true,
			observeParents:true,
			autoplayDisableOnInteraction : true
		   
		  })        
	</script>
</html>
